<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 文档流问题 -->

    
    <img src="./小日女.png" alt="" width="200px">
    <!-- 元素空隙问题，想要元素间无空隙必须横向紧贴，不符合编码规范 -->
    <img src="./小日女.png" alt="" width="200px">
    <!-- 在底部对齐 -->
    <span>以攻击表示特殊召唤</span>

    <!-- 空白折叠，无论多少空格，tab，换行，在界面上显示都是一个空格 -->
     <span>发动效果，将墓地的脆刃               
        装备给敌方怪兽</span>
</body>

</html>